<?php global $ubi;?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>TÙM LUM site</title>
        
		<link href="include/css/style.css" media="screen" rel="stylesheet" type="text/css" />
		<link href="include/css/styles.css" type="text/css" media="all" rel="stylesheet" id="contact-form-7-css" />
        <link href="include/css/site.css" media="screen" type="text/css" rel="stylesheet" />
		<link href="include/css/jquery.wysiwyg.css" type="text/css" rel="stylesheet" />
		
		<script type="text/javascript" src="include/script/jquery-1.4.4.min.js"></script>
		<script type="text/javascript"	src="http://maps.google.com/maps/api/js?sensor=false"></script>
		<script language="javascript" type="text/javascript" src="include/script/script.js"></script>
		<script language="javascript" type="text/javascript" src="include/script/jquery.wysiwyg.js"></script>
		
		<script type="text/javascript" language="javascript">
			$(document).ready(function(){
				$('#randomItemProvider').load('index.php?load&view=randomItemProvider');
				$('#blockSignIn').load('index.php?load&view=blockSignIn');
				$('#blockSearch').load('index.php?load&view=blockSearch');
				$('#blockMembers').load('index.php?load&view=blockMembers');
				$('#blockNewestPosts').load('index.php?load&view=blockNewestPosts');
				$('#mainMenu').load('index.php?load&view=menu&location=providers');
				$('#footer').load('index.php?load&view=footer');
				$('#diadiem_input').wysiwyg();

				var url = 'index.php?location&action=get';
				var pid = 0;			
				$.post(url, 
					{parentID: pid}, 
					function(xml) {			
						var str1 = $.getXMLStringOf(xml, 'location');
						if (str1 != '') {
							$('#selCity').html(str1);
							pid = $('#selCity option:selected').val();						
							$.post(url, 
								{parentID: pid}, 
								function(xml) {								
									var str2 = $.getXMLStringOf(xml, 'location');								
									if (str2 != '') {
										$('#selDistrict').html(str2);
										pid = $('#selDistrict option:selected').val();
										$.doPostGetLocationList(pid, '#selWard', url);
									}
								}
							);
						} 												
					}
				);
				
				$('#selCity').change(function() {
					url = 'index.php?location&action=get';
					var pid = $('#selCity').val();
					 
					$.post(url, 
						{parentID: pid}, 
						function(xml) {
							var str = $.getXMLStringOf(xml, 'location');
							$('#selDistrict').html(str);

							var pid = $('#selDistrict').val();
							$.doPostGetLocationList(pid, '#selWard', url);
						}
					);
				});

				$('#btnXongRui').click(function() {
					var str = '';
					if ($('#frmInputProvider [name=txtProviderName]').val() == '') {			
						str += 'Bạn chưa nhập tên provider\n';
					}
					if ($('#frmInputProvider [name=txtNumber]').val() == '') {
						str += 'Bạn chưa nhập số nhà\n';
					}
					if ($('#frmInputProvider [name=txtStreet]').val() == '') {
						str += 'Bạn chưa nhập số nhà\n';
					}	
					if ($('#imgProvider').val() == '') {
						str += 'Bạn chưa upload hình ảnh\n';			
					} 

					if (str != '') {
						$('#err').html(errMes);
					} else {	
						str = '';
						$('input[class=hiddenCatProviderID]').each(function(index) {
							str += ' ' + $(this).val();		    
						});		
						$('input[name=categoryProviderList][type=hidden]').val(str);
	
						var answerList = '';
						$('#frmInputProvider input[type=radio]:checked').each(function(index) {
							answerList += $(this).val() + ' ';
						});
						$('input[name=answerList]').val(answerList);
	
						var geocoder = new google.maps.Geocoder();
						var address = $('#frmInputProvider [name=txtNumber]').val() + 
							$('#frmInputProvider [name=txtStreet]').val() + ", " + $('#selWard option:selected').text() + ", " +
							$('#selDistrict option:selected').text() + ", " + $('#selCity option:selected').text();
						var found;
						geocoder.geocode({'address': address}, function(results, status) {
							if (status == google.maps.GeocoderStatus.OK) {
								$('input[name=latitude][type=hidden]').val(results[0].geometry.location.lat());
								$('input[name=longitude][type=hidden]').val(results[0].geometry.location.lng());

								$('#frmInputProvider').submit();
						    } 
						});
					}
				});
				
				$('#selDistrict').change(function() {				
					url = 'index.php?location&action=get';
					var pid = $('#selDistrict').val();
					$.doPostGetLocationList(pid, '#selWard', url);
				});

				$('#selCatProvider1').change(function() {
					pid = $('#selCatProvider1 option:selected').val();
					url = 'index.php?input&action=getCategoryProvider';

					$.doPostGetCategoryList(pid, '#selCatProvider2', url);				
				});	

				$('#lnkAddProviderCategory').click(function() {
					var val = $('#selCatProvider2 option:selected').val();
	
					var arrCat = [];
					$('input[class=hiddenCatProviderID]').each(function(index) {
						arrCat.push($(this).val());		    
					});
					var ok = true;
					for (var i = 0; i < arrCat.length; i++) {
						if (arrCat[i] == val) {
							ok = false;							
							break;
						}
					}

					if (ok) {
						$('#messCat').hide();
						var newRow = '<tr><td>' + $('#selCatProvider1 option:selected').html() + '</td>' 
							+ '<td>' + $('#selCatProvider2 option:selected').html() + '</td>' 
							+ '<td>' + '<input type="button" value="Xóa" onclick="$.removeCat(this)"></td>'
							+ '<td><input type="hidden" class="hiddenCatProviderID" value="' + val + '" /></td>' 
							+'</tr>';
						$('#tblCatProvider tr:last').after(newRow);
						$.getTextFromCategory(val);
					} else {
						$('#messCat').html('Phân loại này đã được chọn. Bạn hãy chọn một phân loại khác !!!');
						$('#messCat').show();
					}
				});
			});

			$.extend({
				removeCat:function(tag) {
					$.removeRow(tag);
					var val = $(tag).parent().parent().find('input[type=hidden]').val();
					$('#cat' + val).remove();
				},
				getTextFromCategory:function(val) {
					var url = 'index.php?input&action=getCategoryProviderQuestion';
					$.post(url, {'cat' : val}, function(data){
						var str = '<div id="cat' + val + '">' + $.getStringFromXMLQuestions(data) + '</div>';							
						$('#blockDanhGia').append(str);							
					});
				}
			});
		</script>
	</head>
    
    <body id="cookoffboard" class="home blog">
		<div id="corners">			
			<div class="header" id="main-head">
				<div id="hdr-info">
                	<div style="float:left">
                        <img id="logo" src="include/imgs/logo4.png" alt="The Cook-Off Board" width="235px" />
                        <p id="desc">Tùm Lum, Tả Pí Lù, chia sẻ tất cả ở đây</p>
                    </div>
                    <div class="nav">
                        <div id="mainMenu"></div>
                        <div style="clear:both"></div>
                    </div>
				</div>             
			</div> <!--end header-->
            
			<div class="polaroids">
            	<div class="marginBoxPicCollection" id="randomItemProvider"></div>
			</div> <!--end polaris-->
            
            <div id="container">
				<hr />
                <div class="left">
                    <div class="section" id="content">
                    	<div id="err">
                        <?php
                        	if (isset($errList)) {
                        		foreach ($errList as $err) {
                        			echo $err . '<br />';
                        		}
                        	} 
                        ?>
                        </div>
                        <form action='index.php?input&action=inputProvider'	method='post' enctype='multipart/form-data' id='frmInputProvider'>
							<fieldset class="form">
						    	<ul class="frm">
						    		<input type="hidden" name="latitude" />
						    		<input type="hidden" name="longitude" />
						        	<li class="input">
						            	<label for="name">Tên Địa Điểm <span class="red">*</span></label>
						                <input type="text" class="txt_full" name="txtProviderName" />
						            </li>
						            <li class="input">
						            	<label for="mota">Mô Tả <span class="red">*</span></label>
						                <br />
						                <textarea id="diadiem_input" class="textarea_input" cols="70" name="txtProviderDes"></textarea>				
									</li>
						            <li class="input">
						            	<label for="thanhpho">Thành phố</label>
										<select class="txt_full" id="selCity" name="selCity">                                    	
						                </select>
						            </li>
						            <li class="input">
						            	<label for="quan">Quận/Huyện</label>
						                <select class="txt_full" id="selDistrict" name="selDistrict">
						                </select>
									</li>
						            <li class="input">
						            	<label for="phuong">Phường/Xã</label>
						                <select class="txt_full" id="selWard" name="selWard">
						                </select>
									</li>        
						            <li class="input">  
						            	<label for="sonha">Số Nhà <span class="red">*</span></label>
						                <input type="text" class="txt_short" name="txtNumber" />
						            </li>
						            <li class="input">        
						            	<label for="duong">Đường <span class="red">*</span></label>
										<input type="text" class="txt_full" name="txtStreet" />
						            </li>
						            <li class="input">        
						            	<label for="email">Email</label>
										<input type="text" class="txt_full" name="txtEmail" />
						            </li>      
						            <li class="input">        
						            	<label for="website">Website</label>
										<input type="text" class="txt_full" name="txtWebsite" />
						            </li>
						            <li class="input">
						            	<label for="cellphone">ĐT di động</label>
						                <input type="text" class="txt_full" name="txtCellphone" />
						            </li>
						            <li class="input">
						            	<label for="telephone">ĐT cố định</label>
						                <input type="text" class="txt_full" name="txtTelephone" />
						            </li>                                                          
						            <li class="input">
						            	<label for="hinhanh">Hình Ảnh <span class="red">*</span></label>
										<input type="file" name="imgProvider" id="imgProvider" />
						            </li>  
						            <li>
						            	<label for="phanloai">Phân Loại</label>
						            	<input type="hidden" name="categoryProviderList" />
						                <div style="display:inline-block">
						                	<table id="tblCatProvider">
						                		<tr>						                			
						                			<td style="text-wrap:normal" colspan="3">
						                				<span class="red" id="messCat"></span>
						                			</td>						                			
						                		</tr>
						                    	<tr>
						                        	<td>
						                                <select name="selCatProvider1" id="selCatProvider1">
						                                	<?php
						                                		$catProvider =  $arrCatProvider1[0];
						                                	?>
						                                	<option selected="selected" value="<?php echo $catProvider->getCategoryID();?>"><?php echo $catProvider->getCategory();?></option>
						                                	<?php                 
						                                	    for ($i = 1; $i < count($arrCatProvider1); $i++) {
						                                			$catProvider = $arrCatProvider1[$i];                                	
						                                	?>
						                                	<option value="<?php echo $catProvider->getCategoryID();?>"><?php echo $catProvider->getCategory();?></option>
						                                	<?php 		
						                                		} 
						                                	?>	
						                                </select>
						                            </td>
						                            <td>
						                                <select name="selCatProvider2" id="selCatProvider2">
						                                    <?php
						                                		$catProvider =  $arrCatProvider2[0];
						                                	?>
						                                	<option selected="selected" value="<?php echo $catProvider->getCategoryID();?>"><?php echo $catProvider->getCategory();?></option>
						                                	<?php                 
						                                	    for ($i = 1; $i < count($arrCatProvider2); $i++) {
						                                			$catProvider = $arrCatProvider2[$i];                                	
						                                	?>
						                                	<option value="<?php echo $catProvider->getCategoryID();?>"><?php echo $catProvider->getCategory();?></option>
						                                	<?php 		
						                                		} 
						                                	?>                            	
							                            </select>
						                            </td>
						                            <td><input type="button" id="lnkAddProviderCategory" value="Thêm" /></td>                            
												</tr>                                		                                		
											</table>
											<input type="hidden" name="answerList" />
							            </div>
						    		</li>   
						            <li class="input">
						            	<label for="danhgia">Đánh Giá</label>                                    
						                <div style="display:inline-block;" id="blockDanhGia">						                	
						                </div>                                                                        
						            </li>  					                                    
						            <li class="input">
						            	<label>&nbsp;</label>
										<input type="button" value="Xong Rùi" id="btnXongRui" />						            	                                
						            </li>
								</ul>
							</fieldset>						    
						</form>
						<div class="clear"></div>                     
                    </div>  <!--end section -->
            	</div> <!-- end left -->        
                <div class="right">
        			<div class="aside">
                        <ul class="blockRightSide">	
                        	<h2 class="widgettitle">Đăng nhập</h2>
                            <li class="blockRight" id="blockSignIn"></li>
                            
                            <h2 class="widgettitle">Tìm kiếm</h2>
                            <li class="blockRight" id="blockSearch"></li>
                            
                            <h2 class="widgettitle">Thành viên</h2>                                            
                            <li class="blockRight" id="blockMembers"></li>
                            
                            <h2 class="widgettitle">Bài đăng mới nhất</h2>
                            <li class="blockRight" id="blockNewestPosts"></li>                          
                        </ul>
                    </div>        
                </div> <!--end right-->
			</div> <!--end container-->		
            
           <div id="footer" class="footer clearfix"></div>
		</div>
	</body>
</html>